<template>
  <div class="app-container">
    <el-tabs type="border-card">
      <!-- 赛事配置 -->
      <el-tab-pane label="赛事配置">
        <competition-config></competition-config>
      </el-tab-pane>
      <el-tab-pane label="人员名单">
        <personnel-list></personnel-list>
      </el-tab-pane>
      <el-tab-pane label="成绩管理">
        <score-list></score-list>
      </el-tab-pane>
      <el-tab-pane label="订单管理">
        <div>订单管理</div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import competitionConfig from "../components/competition-config.vue";
import PersonnelList from "../components/personnel-list.vue";
import ScoreList from "../components/score-list.vue";
export default {
  name: "RaceConfig",
  components: { competitionConfig, PersonnelList, ScoreList },
};
</script>

<style scoped lang="scss">
/* .header-card {
    height: 40px;
    line-height: 40px;
    background: #7b98ba;
    color: #fff;
    width: 100%;
  } */
</style>
